




    

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="referrer" content="always"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        <title>IOS WEBCLIP 生成，使用，签名，发布总结 - wuweixiang - OSCHINA - 中文开源技术交流社区</title>
            <meta name="keywords" content="openssl,configurator,webclip,ios,sublime text,吴伟祥,wuweixiang,IOS WEBCLIP 生成，使用，签名，发布总结 - wuweixiang,OSCHINA博客"/>
                <meta name="description" content="WebClip简介 WebClip是iOS平台下的一种配置文件，可以在iPhone/iPad桌面上生成一个跟普通应用图标一致的快捷方式，点击后可快速访问该网页。在外观上看起来跟原生应用图标完全一致。 WebClip使用场景 通常采用Web..."/>
        <link rel="stylesheet" type="text/css" href="https://static.oschina.net/new-osc/js/utils/semantic-ui/semantic.min.css?t=1585130052000"/>
                <link type="text/css" rel="stylesheet" href="https://static.oschina.net/new-osc/dist/css/space.e7b957c4.css">        <script type="text/javascript">window.__STATIC_DOMAIN = "https://static.oschina.net";</script>
    <script src="https://static.oschina.net/new-osc/js/utils/jquery.min.js"></script>
    <link rel="shortcut icon" type="image/x-icon" href="https://static.oschina.net/new-osc/img/favicon.ico"/>
    <link rel="alternate" type="application/rss+xml" title="最新开源项目" href="https://www.oschina.net/project/rss"/>
    <link rel="alternate" type="application/rss+xml" title="最新开源资讯" href="https://www.oschina.net/news/rss"/>
    <link rel="alternate" type="application/rss+xml" title="最新问题列表" href="https://www.oschina.net/question/rss"/>
    <link rel="alternate" type="application/rss+xml" title="最新翻译列表" href="https://www.oschina.net/translate/rss"/>
    <link rel="alternate" type="application/rss+xml" title="最新博客列表" href="https://www.oschina.net/blog/rss"/>
    <link rel="alternate" type="application/rss+xml" title="推荐博客列表" href="https://www.oschina.net/blog/rss?show=more"/>
    <link rel="alternate" type="application/rss+xml" title="推荐软件列表" href="https://www.oschina.net/project/rss?show=recomms"/>
    <link rel="alternate" type="application/rss+xml" title="最新代码分享列表" href="https://www.oschina.net/code/rss"/>
    <link rel="alternate" type="application/rss+xml" title="OSCHINA - 源码列表" href="https://www.oschina.net/code/source_rss"/>

    <link rel="alternate" type="application/rss+xml" title="大前端最新文章" href="https://www.oschina.net/groups/rss?ident=cross-front"/>
    <link rel="alternate" type="application/rss+xml" title="开发技能最新文章" href="https://www.oschina.net/groups/rss?ident=skill"/>
    <link rel="alternate" type="application/rss+xml" title="数据库最新文章" href="https://www.oschina.net/groups/rss?ident=database"/>
    <link rel="alternate" type="application/rss+xml" title="云计算最新文章" href="https://www.oschina.net/groups/rss?ident=cloud"/>
    <link rel="alternate" type="application/rss+xml" title="飞桨专区最新文章" href="https://www.oschina.net/groups/rss?ident=paddlepaddle"/>
    <link rel="alternate" type="application/rss+xml" title="鸿蒙专区最新文章" href="https://www.oschina.net/groups/rss?ident=harmonyos"/>
    <link rel="alternate" type="application/rss+xml" title="开源治理最新文章" href="https://www.oschina.net/groups/rss?ident=osgovernance"/>
    <link rel="alternate" type="application/rss+xml" title="程序人生最新文章" href="https://www.oschina.net/groups/rss?ident=programmer"/>
    <link rel="alternate" type="application/rss+xml" title="软件架构最新文章" href="https://www.oschina.net/groups/rss?ident=architecture"/>
    <link rel="alternate" type="application/rss+xml" title="行业趋势最新文章" href="https://www.oschina.net/groups/rss?ident=trend"/>
    <link rel="alternate" type="application/rss+xml" title="硬件 & IoT最新文章" href="https://www.oschina.net/groups/rss?ident=hardware-iot"/>
    <link rel="alternate" type="application/rss+xml" title="AI & 大数据最新文章" href="https://www.oschina.net/groups/rss?ident=ai-bigdata"/>
    <link rel="alternate" type="application/rss+xml" title="Linux基金会开源软件大学最新文章" href="https://www.oschina.net/groups/rss?ident=lfossu"/>
    <link rel="alternate" type="application/rss+xml" title="OSCTraining最新文章" href="https://www.oschina.net/groups/rss?ident=OSCTraining"/>
    <link rel="alternate" type="application/rss+xml" title="OpenVINO 中文社区最新文章" href="https://www.oschina.net/groups/rss?ident=openvino"/>
    <link rel="alternate" type="application/rss+xml" title="EdgeX 中文社区最新文章" href="https://www.oschina.net/groups/rss?ident=edgex-foundry"/>
    <link rel="alternate" type="application/rss+xml" title="鲲鹏专区最新文章" href="https://www.oschina.net/groups/rss?ident=kunpeng"/>
    <link rel="alternate" type="application/rss+xml" title="openEuler最新文章" href="https://www.oschina.net/groups/rss?ident=openEuler"/>
    <link rel="alternate" type="application/rss+xml" title="信息安全最新文章" href="https://www.oschina.net/groups/rss?ident=cyber-security"/>
    <link rel="alternate" type="application/rss+xml" title="运维最新文章" href="https://www.oschina.net/groups/rss?ident=ops"/>
    <link rel="alternate" type="application/rss+xml" title="软件测试最新文章" href="https://www.oschina.net/groups/rss?ident=test"/>
    <link rel="alternate" type="application/rss+xml" title="网络技术最新文章" href="https://www.oschina.net/groups/rss?ident=network"/>
    <link rel="alternate" type="application/rss+xml" title="游戏开发最新文章" href="https://www.oschina.net/groups/rss?ident=game"/>
    <link rel="alternate" type="application/rss+xml" title="多媒体处理最新文章" href="https://www.oschina.net/groups/rss?ident=media"/>
    <link rel="alternate" type="application/rss+xml" title="DevOps最新文章" href="https://www.oschina.net/groups/rss?ident=devops"/>
    <link rel="alternate" type="application/rss+xml" title="区块链最新文章" href="https://www.oschina.net/groups/rss?ident=blockchain"/>

                                <div name="global_header"  data-traceid="global_header" data-tracepid="global_header" >
                <!-- global_header -->

<style type="text/css">
.editormd:not(.editormd-fullscreen) {
  z-index: 1 !important;
}
.osc-new-layout .ui.visible.uncover.sidebar {
  z-index: 3;
}
.osc-new-layout .entry-list-box .comments-box .comments-box__list1 .comment-list .comment-item__content img, 
.osc-new-layout .osc-comments-modal .comments-box .comments-box__list .comment-list .comment-item__content img {
  max-width: 100%;
  height: auto;
}
.page-web-new-index .index-container .panel-box--recommend-user .user-list-box--column .user-item__header a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.osc-new-layout.page-web-new-index .index-container .channel-container .sidebar-box__inner .sidebar-section.section-gitee-update .project-update-box .project-update-list .project-update-item__header .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 130px;
    vertical-align: -0.28em;
}

/*
.index-tweets-widget .tweet-item > .content-wrap .content .text,
.tweet-detail-page .tweet-comments .comment .content>.text,
.space-home .space-list-container .item .description { overflow: hidden; }

body {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}

@media only screen and (min-width: 768px) {
  .page-web-index {
    min-width: 1200px;
    overflow-x: hidden !important;
  }
}
*/
</style>
            </div>
            </head>
<body class="osc-new-layout page-space-blog">
        <val data-name="site_url" data-value="https://www.oschina.net"></val>      <val data-name="space_user_url" data-value="https://my.oschina.net/wuweixiang"></val>      <val data-name="space_user_id" data-value="3069003"></val>      <val data-name="g_user_url" data-value="https://my.oschina.net/u/4611741"></val>      <val data-name="api_prefix" data-value="/action"></val>      <val data-name="g_user_code" data-value="NQBiqnAD6vhrNew8kXkhTw6XkEY6XjIzkNCrE6Ml"></val>     <val data-name="g_user_id" data-value="4611741"></val>     <val data-name="g_user_bind_phone" data-value="true"></val>     <val data-name="g_user_name" data-value="HookLee"></val>     <val data-name="g_user_small_portrait" data-value="https://static.oschina.net/uploads/user/2305/4611741_50.jpg?t=1597125747000"></val>     <val data-name="g_user_large_portrait" data-value="https://static.oschina.net/uploads/user/2305/4611741_200.jpg?t=1597125747000"></val>     <val data-name="g_user_osc_staff" data-value="false"></val>     <val data-name="login_page" data-value="https://www.oschina.net/home/login?goto_page=https%3A%2F%2Fmy.oschina.net%2Fwuweixiang%2Fblog%2F3144212"></val> 
                <val data-name="weixinAppId" data-value="wx880def15e694b905"></val>
        <val data-name="weixinTimestamp" data-value="1618383149575"></val>
        <val data-name="weixinNonceStr" data-value="d655623b-13ec-4925-a4da-692d77c69480"></val>
        <val data-name="weixinSignature" data-value="f7e05ec3ab48a1a306258949c5bdc1d92eb6e275"></val>
        <val data-name="weixinShareUrl" data-value="https://my.oschina.net/wuweixiang/blog/3144212"></val>                             
                <val data-name="is_detail_page" data-value="true"></val>

        <val data-name="fixedHeaderHeight" data-value="45"></val>
        <val data-name="secondaryHeaderEnable" data-value="true"></val>

        <val data-name="rocommendGrayStatus" data-value="true"></val> 
            <div class="ui right sidebar vertical menu" id="userSidebar">
        <div class="item">
            <div class="avatar-wrap">
                                         
                                          
                                                                                                                                                                                                     
        <div class="osc-avatar-level _80x80">
        <div class="avatar-image">
            <a class="avatar-image__inner" href="https://my.oschina.net/u/4611741">
                                                                <div class="osc-avatar large-portrait _80x80 current-user-avatar" title="HookLee" data-user-id="4611741">
                <img src="https://static.oschina.net/uploads/user/2305/4611741_200.jpg?t=1597125747000" alt="HookLee" title="HookLee"/>
            </div>
                        </a>
        </div>
        <div class="avatar-level">
            <div class="level-circle" title="经验值: 0 / 200">
                                                     <svg width="80" height="80" viewbox="0 0 80 80">
                        <circle cx="40" cy="40" r="37.5" stroke-width="4" stroke="#FFFFFF" fill="none"></circle>
                        <circle cx="40" cy="40" r="38" stroke-width="3" stroke="#EEEEEE" fill="none"></circle>
                        <circle cx="40" cy="40" r="38" stroke-width="3" stroke="#E2D4B9" fill="none" transform="matrix(0, -1, 1, 0,0, 80)" stroke-dasharray="0.0 239"></circle>
                    </svg>
                            </div>
            <div class="level-label" title="等级: Lv1">
                                                    <a href="https://my.oschina.net/u/4611741/points?tab=experience">
                        <img src="https://static.oschina.net/new-osc/img/level/lv1_small.png" srcset="https://static.oschina.net/new-osc/img/level/lv1_small.png 1x, https://static.oschina.net/new-osc/img/level/lv1_small@2x.png 2x" alt="Lv1">
                    </a>
                            </div>
        </div>
    </div>
            </div>
            <h3 class="ui centered header">HookLee</h3>
                                    <div class="user-statistics-wrap">
                <div class="ui two tiny statistics user-statistics">
                    <a class="statistic" href="https://my.oschina.net/u/4611741/points?tab=experience">
                        <div class="value">
                            0
                        </div>
                        <div class="label">
                            经验值
                        </div>
                    </a>
                    <a class="statistic" href="https://my.oschina.net/u/4611741/points?tab=coin">
                        <div class="value">
                            0
                        </div>
                        <div class="label">
                            开源豆
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <a href="https://my.oschina.net/u/4611741" class="item"><i class="home icon grey"></i>个人主页</a>
        <a href="https://www.oschina.net/question/ask" class="item"><i class="question icon grey"></i>发帖提问</a>
        <a href="https://my.oschina.net/u/4611741/blog/write" class="item"><i class="edit icon grey"></i>写博客</a>
        <a href="https://my.oschina.net/u/4611741/favorites" class="item"><i class="star icon grey"></i>我的收藏</a>
        <a href="https://my.oschina.net/u/4611741/admin/publish" class="item"><i class="plus icon grey"></i>投递新闻/软件</a>
        <a href="https://my.oschina.net/u/4611741/admin/profile" class="item"><i class="user icon grey"></i>个人资料修改</a>
        <a href="https://my.oschina.net/u/4611741/admin/blacklist" class="item"><i class="meh icon grey"></i>灰名单</a>
        <a class="item logout-btn"><i class="sign out icon grey"></i>退出</a>
    </div>
    
    <div class="pusher">
                        
                                                                <div class="small-header-box small-header-box--fixed small-header-box--default-simple">
                <div class="small-header-box__wrapper">
                    <div class="small-header-box__inner">
                        <div class="main-bar">
                            <div class="main-bar__inner">
                                                                <div class="main-bar__row main-bar__row--simple">
                                                                                        <div class="nav-bar" role="navigation">
                    <ul class="nav-bar__tabs">
                        <li class="tabs-item">
                            <a href="https://www.oschina.net" class="tabs-link home">首页</a>
                        </li>
                        <li class="tabs-item tabs-item--new tabs-item--new-show">
                            <a href="https://www.oschina.net/news" class="tabs-link news">资讯</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/groups" class="tabs-link group">专区</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/question" class="tabs-link question">问答</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/event" class="tabs-link event">活动</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/project" class="tabs-link project">软件库</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/explore" class="tabs-link explore">发现</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/blog" class="tabs-link blog">博客</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/tweets" class="tabs-link tweet">动弹</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://gitee.com/?utm_source=oschina&utm_medium=link-index&utm_campaign=home" target="_blank" class="tabs-link gitee">Gitee</a>
                        </li>
                    </ul>
                </div>
            
                                </div>
                                                                <div class="main-bar__row main-bar__row--full">
                                                                        <div class="head-bar">
                                        <a class="logo" href="https://www.oschina.net" aria-label="OSCHINA" title="OSCHINA"><img src="https://static.oschina.net/new-osc/img/logo_new.svg" alt="OSCHINA"></a>
                                    </div>
                                                                                        <div class="nav-bar" role="navigation">
                    <ul class="nav-bar__tabs">
                        <li class="tabs-item">
                            <a href="https://www.oschina.net" class="tabs-link home">首页</a>
                        </li>
                        <li class="tabs-item tabs-item--new tabs-item--new-show">
                            <a href="https://www.oschina.net/news" class="tabs-link news">资讯</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/groups" class="tabs-link group">专区</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/question" class="tabs-link question">问答</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/event" class="tabs-link event">活动</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/project" class="tabs-link project">软件库</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/explore" class="tabs-link explore">发现</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/blog" class="tabs-link blog">博客</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://www.oschina.net/tweets" class="tabs-link tweet">动弹</a>
                        </li>
                        <li class="tabs-item">
                            <a href="https://gitee.com/?utm_source=oschina&utm_medium=link-index&utm_campaign=home" target="_blank" class="tabs-link gitee">Gitee</a>
                        </li>
                    </ul>
                </div>
            
                                                                        <div class="search-box">
                                        <form action="https://www.oschina.net/search" role="search">
                                            <div class="search-box__inner">
                                                                                                <input type="hidden" name="identification" value="1618383149578">
                                                <input type="hidden" name="scope" value="blog">
                                                <input class="search-box__input" aria-label="搜索" placeholder="大家都在搜..." name="q" value="" type="text" required />
                                                <button type="submit" class="search-box__button"><i class="search icon"></i></button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="user-bar">
                            <ul class="user-bar__links">
                                                                <a class="item icon app-download" href="https://www.oschina.net/app" target="_blank" title="下载APP"><i class="oicon oicon-phone"></i></a>

                                                                                                        <div class="item ui icon dropdown user-message" id="message">
                                        <i class="alarm icon"></i>
                                                                                <div class="ui mini label total-count">0</div>
                                                                                <div class="menu">
                                            <div class="header message-header">暂没有未读消息</div>
                                            <a class="item" style='display: none'></a>
                                            <div class="message-list"></div>
                                            <div class="header action clearfix">
                                                <span class="go-inbox"><a href="https://my.oschina.net/u/4611741/admin/inbox">消息中心</a></span>
                                                <span class="mark-read-all"><a href="javascript:">全部标记为已读</a></span>
                                            </div>
                                        </div>
                                    </div>

                                    <a class="item icon user-info toggle-user-sidebar">
                                                                        <div class="osc-avatar small-portrait _18x18 current-user-avatar current-user-avatar" title="HookLee" data-user-id="4611741">
                <img src="https://static.oschina.net/uploads/user/2305/4611741_50.jpg?t=1597125747000" alt="HookLee" title="HookLee"/>
            </div>
                                                    <i class="caret right icon"></i>
                                    </a>
                                                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        
                
                <div class="secondary-header-box">
            <div class="secondary-header-box__inner">
                <div class="secondary-header-box__channel">
                                            <div class="secondary-header-box__title"><a href="https://www.oschina.net/blog" title="开源博客">开源博客</a></div>
                                    </div>
                <div class="secondary-header-box__nav">
                                    </div>
                                    <div class="secondary-header-box__extra">
                            <a class="btn primary" href="https://www.oschina.net/home/go?page=blog%2Fwrite" target="_blank"><i class="oicon oicon-add"></i>写博客</a>

                    </div>
                                <div class="secondary-header-box__search">
                    <div class="search-box">
                        <form action="https://www.oschina.net/search" role="search">
                            <div class="search-box__inner">
                                                                <input type="hidden" name="identification" value="1618383149579">
                                <input type="hidden" name="scope" value="blog">
                                <input class="search-box__input" aria-label="搜索" placeholder="大家都在搜..." name="q" value="" type="text" required />
                                <button type="submit" class="search-box__button"><i class="search icon"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
                <div id="mainScreen">
                                
            <div class="home-container">
                







                        
  



           





                





<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">

<script defer src="https://static.oschina.net/new-osc/js/utils/plugins/katex/katex.min.js"></script>
<script>
    var katex_config = {
        delimiters:
                [
                    {left: "$$", right: "$$", display: true},
                    {left: "$", right: "$", display: false}
                ]
    };
</script>
<script defer src="https://static.oschina.net/new-osc/js/utils/plugins/katex/auto-render.min.js"
        onload="renderMathInElement(document.body,katex_config)"></script>

<x-foo-define data-define="space-new-blog-detail"></x-foo-define> 
<val data-name="objType" data-value="3"></val> <val data-name="objId" data-value="3144212"></val> <val data-name="author_id" data-value="3069003"></val> <val data-name="space_user_id" data-value="3069003"></val> 
<val data-name="is_manager" data-value="false"></val> 
<val data-name="commentsCount" data-value="0"></val>   <val data-name="fetchCommentsUrl" data-value="?type=comments"></val>              <val data-name="publishCommentUrl" data-value="/space/blog/add_comment"></val>    <val data-name="replyCommentUrl" data-value="/space/blog/add_comment"></val>      <val data-name="deleteCommentUrl" data-value="/space/blog/delete_blog_comments"></val>  
<val data-name="shareTitle" data-value="IOS WEBCLIP 生成，使用，签名，发布总结 - wuweixiang - OSCHINA"></val>
<val data-name="shareDesc" data-value="WebClip简介 WebClip是iOS平台下的一种配置文件，可以在iPhone/iPad桌面上生成一个跟普通应用图标一致的快捷方式，点击后可快速访问该网页。在外观上看起来跟原生应用图标完全一致。 WebClip使用场景 通常采用Web..."></val>
<val data-name="shareUrl" data-value="https://my.oschina.net/wuweixiang/blog/3144212"></val>
<val data-name="sharePic" data-value="https://gjh.me/wp-content/uploads/2019/03/75F1DFE2-9205-4592-8B74-CC0C7F9E5F5D-1024x858.jpg"></val>

<val data-name="weixinShareTitle" data-value="IOS WEBCLIP 生成，使用，签名，发布总结"></val> <val data-name="weixinShareImgUrl" data-value="https://oscimg.oschina.net/oscnet/up-ccdf72787b19bc6396a1dbf8a7af432482b.png"></val> 
<val data-name="isPending" data-value="false"></val> 
<val data-name="weixinLogin" data-value="https://www.oschina.net/action/openid/before_bind?op=wechat_auto&goto=https%3A%2F%2Fmy.oschina.net%2Fwuweixiang%2Fblog%2F3144212"></val>

<div class="blog-detail-container">
        <div class="detail-body-box">
        <div class="box-container box-container--breadcrumb">
                        <div class="breadcrumb-box">
                <a class="item" href="https://my.oschina.net/wuweixiang" target="_blank">wuweixiang</a>
                                                    <i class="split">/</i>
                    <a class="item" href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=6728951" target="_blank">经验记录</a>
                                <i class="split">/</i>
                <div class="item">正文</div>
            </div>
        </div>

        <div class="box-container">
                        <div class="main-box">
                <div class="main-box__inner">
                                                                                            
                                        <div class="article-box box-card box-card--shadow">
                        <div class="article-box__inner">
                                                        <div class="article-box__header">
                                                                                                <h1 class="article-box__title"><a href="https://my.oschina.net/wuweixiang/blog/3144212" target="_blank">IOS WEBCLIP 生成，使用，签名，发布总结</a></h1>
                                                                <div class="article-box__meta">
                                    <div class="item-list">
                                                                                <div class="item"><a href="https://my.oschina.net/wuweixiang" target="_blank">吴伟祥</a></div>
                                                                                                                            <div class="item"><a class="link--default" href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=6728951">经验记录</a></div>
                                                                                <div class="item lm">2019/12/18 00:29</div>
                                        <div class="item lm">阅读数 2.4K</div>
                                                                                                                    </div>
                                </div>

                                                                                                    <div class="article-box__group">
                                        <div class="group-card">
                                            <div class="group-card__inner">
                                                <div class="group-card__icon">
                                                    <a href="https://www.oschina.net/group/media" target="_blank" title="多媒体处理">
                                                        <img src="https://static.oschina.net/uploads/img/202008/31180719_mqYC.png" alt="">
                                                    </a>
                                                </div>
                                                <div class="group-card__info">
                                                    <div class="group-card__desc">本文被收录于专区</div>
                                                    <div class="group-card__name"><a href="https://www.oschina.net/group/media" target="_blank" title="多媒体处理">多媒体处理</a></div>
                                                </div>
                                                <div class="group-card__extra">
                                                    <a href="https://www.oschina.net/group/media" target="_blank" title="多媒体处理">进入专区参与更多专题讨论 <i class="oicon oicon-arrow-right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                                            </div>

                                                        <div class="article-box__content">
                                                                                                <div class="detail-box">
                                    <div class="article-detail">
                                        <div class="content">
                                                                                                                                                                                        <span id="OSC_h2_1"></span> 
<h2>WebClip简介</h2> 
<p>WebClip是iOS平台下的一种配置文件，可以在iPhone/iPad桌面上生成一个跟普通应用图标一致的快捷方式，点击后可快速访问该网页。在外观上看起来跟原生应用图标完全一致。</p> 
<span id="OSC_h2_2"></span> 
<h2>WebClip使用场景</h2> 
<p>通常采用WebClip来帮助用户保存一些需要经常访问的网址，例如小说书架地址，百度首页等。<br> 另外现在很多企业签分发厂商用它来做持久下载地址，防止企业签被封后找不到下载入口。<br> 其实所有想要用户经常访问的网址都可以通过WebClip的方式帮助用户添加桌面快捷方式。</p> 
<span id="OSC_h2_3"></span> 
<h2>WebClip生成方法</h2> 
<span id="OSC_h3_4"></span> 
<h3>需要用到的工具:</h3> 
<p>Mac Appstore 搜索Apple Configurator，下载Apple Configurator 2这个应用</p> 
<blockquote> 
 <p>Win10 可以下载：<a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fpan.baidu.com%2Fs%2F13M0c5dK0SrYyepHzuX54FA" rel="nofollow" target="_blank">iphone配置实用工具</a></p> 
 <p>具体操作可以见：<a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fcnitzy.com%2F9903.html" rel="nofollow" target="_blank">https://cnitzy.com/9903.html</a></p> 
</blockquote> 
<span id="OSC_h3_5"></span> 
<h3>操作步骤如下：</h3> 
<span id="OSC_h4_6"></span> 
<h4>新建描述文件</h4> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2F75F1DFE2-9205-4592-8B74-CC0C7F9E5F5D.jpg" target="_blank" rel="nofollow"><img alt="" height="536" src="https://gjh.me/wp-content/uploads/2019/03/75F1DFE2-9205-4592-8B74-CC0C7F9E5F5D-1024x858.jpg" width="640"></a></p> 
<span id="OSC_h4_7"></span> 
<h4>填写名称，标识等内容</h4> 
<p>&nbsp;</p> 
<p>此处需要先填写名称，标识符，公司，描述，同意许可信息等内容，填写的内容将在描述文件安装时显示，安装完成后也可查看</p> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2FB867E74D-3406-4517-9A76-C9F4F3D40A38-1.jpg" target="_blank" rel="nofollow"><img alt="" height="596" src="https://gjh.me/wp-content/uploads/2019/03/B867E74D-3406-4517-9A76-C9F4F3D40A38-1-1024x953.jpg" width="640"></a></p> 
<span id="OSC_h4_8"></span> 
<h4>填写Web Clip正文内容</h4> 
<p>如图所示，标签为桌面上显示的名称</p> 
<p>URL为想要快捷访问的地址<br> 图标为显示在设备桌面上的图标，建议大小1024*1024px，png格式，需要注意的是图标会base64进生成的描述文件中，所以文件大小尽量小一点，推荐到https://tinypng.com/压缩一下<br> 注意如果将可移除的复选框去掉，那么在桌面上将无法直接删除，必须到设置，描述文件管理才能删除，如有什么不可描述的需求，可执行此操作<br> 填写完成后保存即可，但此时如果直接给用户安装，会显示未签名，稍后会介绍签名方法</p> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2F27EBE72F-1E96-4E84-9477-9189E38BD316-1.jpg" target="_blank" rel="nofollow"><img alt="" height="596" src="https://gjh.me/wp-content/uploads/2019/03/27EBE72F-1E96-4E84-9477-9189E38BD316-1-1024x953.jpg" width="640"></a></p> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2F23404EA6-9068-434D-8D1C-E7CB1B58751F.jpg" target="_blank" rel="nofollow"><img alt="" height="123" src="https://gjh.me/wp-content/uploads/2019/03/23404EA6-9068-434D-8D1C-E7CB1B58751F-300x123.jpg" width="300"></a></p> 
<p>生成的文件描述文件实际上是一个XML，使用sublime text等工具可以快捷标记，上面生成的示例文件如下，手机点击安装<a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2FIOS-WEBCLIP.mobileconfig" rel="nofollow" target="_blank">IOS WEBCLIP</a></p> 
<span id="OSC_h2_9"></span> 
<h2>WebClip签名</h2> 
<p>上面说到如果保存直接发布会提示未签名，下面就介绍一下如何对描述文件进行签名。<br> 签名有两种方式，一种是使用苹果开发者账号进行签名，另一种是使用SSL证书进行签名，以下将分别介绍操作方式。</p> 
<span id="OSC_h3_10"></span> 
<h3>开发者签名</h3> 
<p>开发者签名需要有苹果开发者账号，操作步骤如图所示</p> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2FBA11A7AD-D6EA-4C09-9BFC-6F8076E837E5.jpg" target="_blank" rel="nofollow"><img alt="" height="616" src="https://gjh.me/wp-content/uploads/2019/03/BA11A7AD-D6EA-4C09-9BFC-6F8076E837E5-1024x985.jpg" width="640"></a></p> 
<p>然后选择现有开发者并点击签名，需要当前的iOS开发者证书有效，否则会签名不成功</p> 
<p><a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2F9D86F830-541D-4429-A931-19E9C57CBC8A.jpg" target="_blank" rel="nofollow"><img alt="" height="196" src="https://gjh.me/wp-content/uploads/2019/03/9D86F830-541D-4429-A931-19E9C57CBC8A-1024x314.jpg" width="640"></a></p> 
<p>签名后的证书可以点击这里下载<a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2FIOS-WEBCLIP-1.mobileconfig" rel="nofollow" target="_blank">IOS WEBCLIP signed by developer</a></p> 
<span id="OSC_h3_11"></span> 
<h3>SSL签名</h3> 
<p>使用SSL签名需要先有一个注册域名并且取得域名相关的SSL证书，推荐一个免费获取证书的地方https://letsencrypt.org/，letsencrypt证书不能通过iOS验证，但Mac验证可通过，如需商用，建议购买商用SSL证书<br> 如您已有以上内容，可通过如下命令进行签名，注意，证书使用pem格式</p> 
<table cellpadding="0" cellspacing="0"> 
 <tbody> 
  <tr> 
   <td> <p>1<br> 2<br> 3<br> 4<br> 5<br> 6</p> </td> 
   <td> <p>#-in ~/Desktop/IOS\ WEBCLIP\ 1.mobileconfig 未签名描述文件路径<br> #-out ~/Desktop/iOSWebClip_signed.mobileconfig 签名后的描述文件输出路径<br> #-signer ~/Desktop/gjh.me.public.pem 证书公钥路径，包含证书链<br> #-inkey ~/Desktop/gjh.me.private.pem 证书私钥路径<br> <br> openssl smime&nbsp;-sign&nbsp;-in&nbsp;~/Desktop/IOS\ WEBCLIP\&nbsp;1.mobileconfig&nbsp;-out&nbsp;~/Desktop/iOSWebClip_signed.mobileconfig&nbsp;-signer&nbsp;~/Desktop/gjh.me.public.pem&nbsp;-inkey&nbsp;~/Desktop/gjh.me.private.pem&nbsp;-outform&nbsp;der&nbsp;-nodetach</p> </td> 
  </tr> 
 </tbody> 
</table> 
<p>SSL签名后的证书可以点击这里下载<a href="https://www.oschina.net/action/GoToLink?url=https%3A%2F%2Fgjh.me%2Fwp-content%2Fuploads%2F2019%2F03%2FiOSWebClip_signed.mobileconfig" rel="nofollow" target="_blank">iOSWebClip_signed</a></p> 
<span id="OSC_h2_12"></span> 
<h2>WebClip发布安装</h2> 
<p>如上面的三个链接，放到用户需要点击的地方让用户点击安装即可</p> 
<span id="OSC_h1_13"></span> 
<h1>&nbsp;</h1>
                                        </div>
                                    </div>
                                    <div class="collapse-bar">
                                        <span class="collapse-btn">展开阅读全文 <i class="oicon oicon-arrow-down-light"></i></span>
                                    </div>
                                </div>

                                                                                                    <div class="tags-box">
                                        <div class="tags-box__inner">
                                            <a class="tag-item" href="https://www.oschina.net/p/openssl">openssl</a><a class="tag-item" href="https://www.oschina.net/p/progrium-configurator">configurator</a><a class="tag-item" href="https://www.oschina.net/p/webclip">webclip</a><a class="tag-item" href="https://www.oschina.net/p/ios">ios</a><a class="tag-item" href="https://www.oschina.net/p/sublimetext">sublime text</a>                                        </div>
                                    </div>
                                
                                                                <div class="copyright-box">
                                    <div class="copyright-box__content">
                                                                                                                                    <p><span class="label">本文转载自：</span>https://gjh.me/?p=594</p>
                                                                                                                        </div>
                                    <div class="copyright-box__extra">
                                        <span class="ban clickable" ban-report data-id="3144212" data-obj-type="3" data-url="https://my.oschina.net/wuweixiang/blog/3144212"><i class="flag icon"></i>举报</span>
                                    </div>
                                </div>

                                                                <div class="action-box">
                                                                            <div class="action-item">
                                                                                        <div class="action-item__button donate"
                                                 donate
                                                 data-id="3144212"                                                  data-obj-type="16344358"                                                  data-subject="IOS WEBCLIP 生成，使用，签名，发布总结"                                                  data-donater="4611741"                                                  data-author="3069003"                                                  data-return-url="https://my.oschina.net/wuweixiang/blog/3144212"                                                  data-notify-url="https://my.oschina.net/action/donate/paySuccess">                                                 <i class="oicon oicon-money-bold"></i>
                                            </div>
                                            <div class="action-item__text">打赏</div>
                                        </div>
                                                                        <div class="action-item">
                                                                                <div class="action-item__button like-btn toggle-article-like " data-id="3144212">
                                            <i class="oicon oicon-thumb-up"></i>
                                        </div>
                                        <div class="action-item__text"><span data-article-like-count>0</span> 赞</div>
                                    </div>
                                    <div class="action-item">
                                                                                <div class="action-item__button collect-btn "
                                             data-id="3144212"
                                             data-user-id="3069003"                                              data-obj-type="3" data-max="99" data-tag-required
                                             data-current-user-id="4611741"
                                             data-recommend-tags="openssl,configurator,webclip,ios,sublime text"
                                             data-uncollected-class="oicon oicon-star"
                                             data-collected-class="oicon oicon-star">
                                            <i class="oicon oicon-star"></i>
                                        </div>
                                        <div class="action-item__text"><span data-collect-count data-id="3144212" data-obj-type="3">0</span> 收藏</div>
                                    </div>
                                    <div class="action-item">
                                                                                <div class="osc-share ui floating dropdown" data-tag="share-blog">
                                            <div class="action-item__button"><i class="oicon oicon-share"></i></div>
                                            <div class="menu">
                                                <a class="item" data-platform="wechat" data-value="wechat"><i class="weixin icon"></i>微信</a>
                                                <a class="item" data-platform="qq" data-value="qq"><i class="qq icon"></i>QQ</a>
                                                <a class="item" data-platform="weibo" data-value="weibo"><i class="weibo icon"></i>微博</a>
                                            </div>
                                        </div>
                                        <div class="action-item__text">分享</div>
                                    </div>
                                </div>

                                                                                                    <div class="recommend-box">
                                        <div class="recommend-box__header">
                                            <h3 class="recommend-box__title">作者的其它热门文章</h3>
                                        </div>
                                        <div class="recommend-box__content">
                                            <div class="item-list">
                                                                                                                                                            <div class="item">
                                                            <a href="https://my.oschina.net/wuweixiang/blog/2983280" target="_blank" title="一分钟上手Rinetd——端口转发工具">一分钟上手Rinetd——端口转发工具</a>
                                                        </div>
                                                                                                                                                                                                                <div class="item">
                                                            <a href="https://my.oschina.net/wuweixiang/blog/1928099" target="_blank" title="Java在线反编译工具">Java在线反编译工具</a>
                                                        </div>
                                                                                                                                                                                                                <div class="item">
                                                            <a href="https://my.oschina.net/wuweixiang/blog/2874064" target="_blank" title="IntelliJ IDEA快速实现Docker镜像部署">IntelliJ IDEA快速实现Docker镜像部署</a>
                                                        </div>
                                                                                                                                                                                                                <div class="item">
                                                            <a href="https://my.oschina.net/wuweixiang/blog/2877019" target="_blank" title="使用 Dockerfile定制Java Web镜像">使用 Dockerfile定制Java Web镜像</a>
                                                        </div>
                                                                                                                                                </div>
                                        </div>
                                    </div>
                                                            </div>
                        </div>
                    </div>

                                                                                    <div class="comment-wrap-box box-card box-card--shadow" id="comments">
                            <div class="comment-wrap-box__inner">
                                                                <div class="comments-box">
        <div class="comments-box__loader ui inverted dimmer">
        <div class="loader-wrap">
            <div class="ui text loader">加载中</div>
        </div>
    </div>

    <div class="comments-box__inner">
                            <div class="comments-box__form" id="commentForm">
                <div class="comment-form-container">
                    <div class="comment-avatar-wrap">
                                                        <div class="osc-avatar small-portrait _40x40 current-user-avatar" title="HookLee" data-user-id="4611741">
                <img src="https://static.oschina.net/uploads/user/2305/4611741_50.jpg?t=1597125747000" alt="HookLee" title="HookLee"/>
            </div>
                                </div>
                    <div class="comment-form-wrap">
                                                <form class="comment-form" :class="{loading: commentPublishLoading}">
                            <div class="textarea-wrap">
                                <textarea aria-label="评论"
                                          placeholder=""
                                          v-model.trim="commentContent"
                                          :maxlength="commentMaxLength"
                                          ref="commentTextarea"
                                          class="disabled-resize"
                                          :disabled="commentPublishLoading"
                                          @keydown="commentContentOnKeyDown"
                                          @focus="onFocusTextarea"></textarea>
                            </div>
                            <div class="footer-wrap" :class="{active: showForm}">
                                <div class="toolbar">

                                </div>
                                <div class="actions">
                                    <div class="osc-button fluid basic btn-action btn-cancel" :disabled="commentPublishLoading" @click="closeForm">取消</div>
                                    <div class="osc-button fluid primary btn-action btn-publish" :class="{disabled: commentContentIsEmpty}" @click="publishComment" :disabled="commentPublishLoading">发布</div>
                                </div>
                            </div>
                        </form>

                        <div class="ui mini message hidden" :class="tipMessage.className" :style="{display: tipMessage.show ? 'block' : 'none'}"><i class="icon info"></i> <span v-html="tipMessage.content"></span></div>
                    </div>
                </div>
            </div>
        
                <div class="comments-box__list">
                          


 
                                                                                     
 
        </div>

                <div class="collapse-bar">
            <span class="collapse-btn">更多评论 <i class="oicon oicon-arrow-down-light"></i></span>
        </div>
    </div>
</div>

        <div class="ui mini delete-comment modal">
        <div class="header">删除一条评论</div>
        <div class="content">
            <p>评论删除后，数据将无法恢复</p>
        </div>
        <div class="actions">
            <div class="ui positive button">取消</div>
            <div class="ui negative button">确定</div>
        </div>
    </div>
                            </div>
                        </div>
                    
                                        <div class="other-articles-box box-card box-card--shadow">
                        <div class="other-articles-box__inner">
                            <div class="other-articles-box__header">
                                <h3 class="other-articles-box__title">其他人还在看</h3>
                                <div class="other-articles-box__extra">
                                    <a href="https://www.oschina.net/blog" target="_blank">更多精彩内容</a>
                                </div>
                            </div>
                            <div class="other-articles-box__content">
                                                                                                        <div class="article-related-list-box">
                                        
                                   

    <div class="article-list">
                                    <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4592167/blog/4961636" target="_blank" title="Chrome新功能曝光：你访问的敏感网站可以自动隐藏起来！">Chrome新功能曝光：你访问的敏感网站可以自动隐藏起来！</a></h4>
                        </div>
                        <div class="article-item__content">大家每次上网浏览一些不可说的小网站时，是不是时常会没有安全感？ 虽然说Chrome的无痕模式可以用于访问敏感网站、不会保存Cookie以及历史记录，但就算是开启了无痕模式，我们也总会有忘记关窗口的时候。 这样一来...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 1</div>
                                <div class="item"><i class="icon star"></i> 0</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4866402/blog/4959487" target="_blank" title="C语言 | auto定义变量">C语言 | auto定义变量</a></h4>
                        </div>
                        <div class="article-item__content">“要成为绝世高手，并非一朝一夕，除非是天生武学奇才，但是这种人…万中无一” ——包租婆 这道理放在C语言学习上也一并受用。在编程方面有着天赋异禀的人毕竟是少数，我们大多数人想要从C语言小白进阶到高手，需...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 2</div>
                                <div class="item"><i class="icon star"></i> 0</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4593030/blog/4967390" target="_blank" title="python凉了？预测:2021年数据分析发展趋势！">python凉了？预测:2021年数据分析发展趋势！</a></h4>
                        </div>
                        <div class="article-item__content">最近看到不少人看衰Python，认为相关行业已经饱和。 然而事实并非如此。有一个领域目前急缺人才，认为Python已死全因为你还没发现这片领域！ 它就是数 据 分 析。 清华大学经管学院发布的《中国经济的数字化转型：...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 1</div>
                                <div class="item"><i class="icon star"></i> 1</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4196289/blog/4955623" target="_blank" title="MySQL 5.7 vs 8.0，哪个性能更牛？">MySQL 5.7 vs 8.0，哪个性能更牛？</a></h4>
                        </div>
                        <div class="article-item__content">点击上方蓝色“肉眼品世界”，选择“设为星标” 深度价值体系传递 背景 测试mysql5.7和mysql8.0 分别在读写、只读、只写模式下不同并发时的性能（tps，qps） 前提 测试使用版本为mysql5.7.22和mysql8.0.15 sysbe...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 5</div>
                                <div class="item"><i class="icon star"></i> 4</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4408277/blog/3343878" target="_blank" title="提前熟悉Vue3.0 + Ts">提前熟悉Vue3.0 + Ts</a></h4>
                        </div>
                        <div class="article-item__content">3.0的目标 更小 更快 加强 TypeScript 支持 加强 API 设计一致性 提高自身可维护性 开放更多底层功能 什么是Hooks？ hooks翻译过来是钩子的意思，这个可能有一些模糊，简单点说hooks就是一个函数（可以复用的函数）例如：业务中很难避免的一个问题就是-- 逻辑复用，同样的功能，同样的组件，在不一样的场合下，我们有时候...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 0</div>
                                <div class="item"><i class="icon star"></i> 0</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4051725/blog/4967998" target="_blank" title="再见, 达叔！我用Python回顾一代喜剧大师203部作品，太经典了！">再见, 达叔！我用Python回顾一代喜剧大师203部作品，太经典了！</a></h4>
                        </div>
                        <div class="article-item__content">△点击上方“Python猫”关注 ，回复“2”加入交流群 作者：菜鸟哥 来源：菜鸟学Python 今天早上看到新闻，一代喜剧大师，著名的喜剧演员达叔离开了，心情还是非常沉重的。小编是看过达叔演的电影长大的，比如新乌...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 0</div>
                                <div class="item"><i class="icon star"></i> 1</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/3454592/blog/4961933" target="_blank" title="Kivy 5种常用图形界面布局初探">Kivy 5种常用图形界面布局初探</a></h4>
                        </div>
                        <div class="article-item__content">对于任何图形界面的框架而言，布局都是非常重要的一个组成部分。 它就像人体的骨骼、房屋的钢筋混凝土梁架，支撑起整个图形界面、条理好各个小部件的位置。 在 Web 开发的前端 CSS 中，最常见的有栅格布局、绝对布...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 0</div>
                                <div class="item"><i class="icon star"></i> 0</div>
                            </div>
                        </div>
                    </div>
                </div>
                                                <div class="article-item">
                    <div class="article-item__inner">
                        <div class="article-item__header">
                            <h4 class="article-item__title"><a href="https://my.oschina.net/u/4326858/blog/4464026" target="_blank" title="【DDD】领域驱动设计实践 —— 框架实现">【DDD】领域驱动设计实践 —— 框架实现</a></h4>
                        </div>
                        <div class="article-item__content">本文主要介绍了基于SpringMVC+mybatis对DDD思想的落地实现框架。本文为【DDD】系列文章中的其中一篇，其他内容可参考：使用领域驱动设计思想实现业务系统。 框架实现图 该框架实现基本和DDD的指导思想契合，主要分为四层，且将关注点放在了domain层。下面将逐层介绍各个组件的职责。 框架详述 User Interface层 门面层，...</div>
                        <div class="article-item__meta">
                            <div class="item-list">
                                <div class="item"><i class="icon comment"></i> 1</div>
                                <div class="item"><i class="icon star"></i> 2</div>
                            </div>
                        </div>
                    </div>
                </div>
                        </div>

    <div class="article-list-load-status">
        <div class="infinite-scroll-request"><i class="ui active small inline loader"></i></div>
        <div class="infinite-scroll-last">没有更多内容</div>
        <div class="infinite-scroll-error">加载失败，请刷新页面</div>
    </div>
    <div class="article-list-load-more-button">
        <div class="btn--default ui basic button">
            <span class="text">点击加载更多</span>
        </div>
        <div class="btn--loading ui basic button">
            <i class="ui active inline loader"></i><span class="text">加载中</span>
        </div>
    </div>
        <div class="article-list-pagination">
        <a class="pagination__next" href="https://my.oschina.net/wuweixiang/blog/3144212?widget=related-article-list&p=2&type=ajax">下一页</a>
    </div>
                                    </div>
                                                            </div>
                        </div>
                    </div>
                </div>
            </div>

                        <div class="sidebar-box">
                <div class="sidebar-box__inner">
                                                                                            
                                        <div class="sidebar-section-list mb sidebar-section-list--compact box-card box-card--shadow">
                        <div class="sidebar-section section-author">
                            <div class="section-header">
                                <h3 class="section-title">关于作者</h3>
                            </div>
                            <div class="section-body">
                                <div class="author-box">
                                    <div class="author-box__header">
                                        <div class="author-box__avatar">
                                                                     
                                          
                                                                                                                                                                                                     
        <div class="osc-avatar-level _72x72">
        <div class="avatar-image">
            <a class="avatar-image__inner" href="https://my.oschina.net/wuweixiang">
                                                            <div class="osc-avatar large-portrait _72x72" title="吴伟祥" data-user-id="3069003">
                <img src="https://oscimg.oschina.net/oscnet/up-2bc558d24f672ece9b22f407fa83b0f1.jpeg!/both/200x200?t=1506965633000" alt="吴伟祥" title="吴伟祥"/>
            </div>
                        </a>
        </div>
        <div class="avatar-level">
            <div class="level-circle" title="经验值: 628 / 1500">
                                                     <svg width="72" height="72" viewbox="0 0 72 72">
                        <circle cx="36" cy="36" r="33.5" stroke-width="4" stroke="#FFFFFF" fill="none"></circle>
                        <circle cx="36" cy="36" r="34" stroke-width="3" stroke="#EEEEEE" fill="none"></circle>
                        <circle cx="36" cy="36" r="34" stroke-width="3" stroke="#E2D4B9" fill="none" transform="matrix(0, -1, 1, 0,0, 72)" stroke-dasharray="89.59466666666667 214"></circle>
                    </svg>
                            </div>
            <div class="level-label" title="等级: Lv3">
                                                    <img src="https://static.oschina.net/new-osc/img/level/lv3_small.png" srcset="https://static.oschina.net/new-osc/img/level/lv3_small.png 1x, https://static.oschina.net/new-osc/img/level/lv3_small@2x.png 2x" alt="Lv3">
                            </div>
        </div>
    </div>
                                        </div>
                                        <div class="author-box__info">
                                            <div class="author-name"><a href="https://my.oschina.net/wuweixiang" target="_blank">吴伟祥</a></div>
                                                                                                                                        <div class="author-desc">后端工程师</div>
                                                                                                                                                                                    <div class="author-toolbar">
                                                    <div class="item-list">
                                                        <div class="item">
                                                                                                                                                                                                                                                        <div class="follow-btn" data-user-id="3069003" data-follow-status="1" data-status-style="simple-heart-text"><i class="oicon oicon-heart-light"></i><span class="text">关注</span></div>
                                                                                                                    </div>
                                                        <div class="item">
                                                                                                                        <a href="https://my.oschina.net/wuweixiang" target="_blank" class="send-message-btn" data-user-id="3069003" data-user-name="吴伟祥"><i class="oicon oicon-mail-light"></i><span class="text">私信</span></a>
                                                        </div>
                                                        <div class="item">
                                                                                                                        <a href="https://www.oschina.net/question/ask?user=3069003" target="_blank"><i class="oicon oicon-comment-light"></i><span class="text">提问</span></a>
                                                        </div>
                                                    </div>
                                                </div>
                                                                                    </div>
                                    </div>
                                    <div class="author-box__statistics">
                                        <div class="statistics-list">
                                            <a class="statistic" href="https://my.oschina.net/wuweixiang" target="_blank">
                                                <div class="label">文章</div>
                                                <div class="value">
                                                    495
                                                </div>
                                            </a>
                                            <div class="statistic">
                                                <div class="label">经验值</div>
                                                <div class="value">
                                                    628
                                                </div>
                                            </div>
                                            <a class="statistic" href="https://my.oschina.net/wuweixiang/followers" target="_blank">
                                                <div class="label">粉丝</div>
                                                <div class="value" data-user-id="3069003" data-followers-count="41" data-format="true">
                                                    41
                                                </div>
                                            </a>
                                            <a class="statistic" href="https://my.oschina.net/wuweixiang/following" target="_blank">
                                                <div class="label">关注</div>
                                                <div class="value" data-user-id="3069003" data-following-count="13" data-format="true">
                                                    13
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                                                                                                <div class="author-box__catalogs">
                                            <div class="catalogs-header">
                                                <h4 class="catalogs-title">作者的专辑</h4>
                                                <div class="catalogs-extra">
                                                    <a href="https://my.oschina.net/wuweixiang" target="_blank" title="查看全部专辑">全部</a>
                                                </div>
                                            </div>
                                            <div class="catalogs-list">
                                                                                                                                                                                                                                                                            <div class="catalog-item">
                                                            <a href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=6299634" target="_blank" title="金融相关"><span class="icon"><i class="oicon oicon-book"></i></span><span class="text" title="金融相关">金融相关</span><span class="count">(3)</span></a>
                                                        </div>
                                                                                                                                                                                                                                                                                                                                <div class="catalog-item">
                                                            <a href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=5899639" target="_blank" title="团队建设"><span class="icon"><i class="oicon oicon-book"></i></span><span class="text" title="团队建设">团队建设</span><span class="count">(9)</span></a>
                                                        </div>
                                                                                                                                                                                                                                                                                                                                <div class="catalog-item">
                                                            <a href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=3857726" target="_blank" title="工作日志"><span class="icon"><i class="oicon oicon-book"></i></span><span class="text" title="工作日志">工作日志</span><span class="count">(3)</span></a>
                                                        </div>
                                                                                                                                                                                                                                                                                                                                <div class="catalog-item">
                                                            <a href="https://my.oschina.net/wuweixiang?tab=newest&catalogId=6056416" target="_blank" title="crawler"><span class="icon"><i class="oicon oicon-book"></i></span><span class="text" title="crawler">crawler</span><span class="count">(3)</span></a>
                                                        </div>
                                                                                                                                                </div>
                                        </div>
                                                                    </div>
                            </div>
                        </div>
                    </div>

                                                                                            
                                        <div class="sidebar-section section-link-card">
                        <div class="link-card box-card box-card--shadow">
                            <div class="link-card__inner" style="background-image: url('https://static.oschina.net/new-osc/img/page/detail/bg-sharing-plan@2x.jpg')">
                                <div class="link-card__header">
                                    <div class="link-card__title">源创计划</div>
                                    <div class="link-card__extra">
                                        <a class="osc-button small" href="https://www.oschina.net/sharing-plan" target="_blank">立即入驻</a>
                                    </div>
                                </div>
                                <div class="link-card__content">
                                    <p>自媒体入驻开源社区，</p>
                                    <p>获百万流量，打造个人技术品牌</p>
                                </div>
                            </div>
                        </div>
                    </div>

                                        <div class="sidebar-section-list sidebar-section-list--compact box-card box-card--shadow">
                        <div class="sidebar-section section-recommend-blog">
                            <div class="section-header">
                                <h3 class="section-title">推荐关注</h3>
                                <div class="section-extra">
                                    <span class="toggle-refresh clickable refresh-loader" title="换一批">换一批 <i class="oicon oicon-refresh"></i></span>
                                </div>
                            </div>
                            <div class="section-body">
                                

    <div class="user-list">
                                    <div class="user-item">
                    <div class="user-item__inner">
                        <div class="user-item__avatar">
                            <a href="https://my.oschina.net/licoy" target="_blank" title="Licoy">
                                                            <div class="osc-avatar small-portrait _40x40" title="Licoy" data-user-id="2856216">
                <img src="https://static.oschina.net/uploads/user/1428/2856216_50.jpeg?t=1481428977000" alt="Licoy" title="Licoy"/>
            </div>
                                        </a>
                        </div>
                        <div class="user-item__body">
                            <div class="user-item__header">
                                <a href="https://my.oschina.net/licoy" target="_blank" title="Licoy">Licoy</a>
                            </div>
                            <div class="user-item__desc">
                                <div class="item-list">
                                                                            <div class="item">文章 1</div>
                                        <div class="item">访问 30</div>
                                                                    </div>
                            </div>
                        </div>
                                                <div class="user-item__action">
                                                                                                                        <div class="follow-btn" data-user-id="2856216" data-follow-status="1" data-status-style="plus-text"><i class="oicon oicon-add"></i><span class="text">关注</span></div>
                                                    </div>
                                            </div>
                </div>
                                                <div class="user-item">
                    <div class="user-item__inner">
                        <div class="user-item__avatar">
                            <a href="https://my.oschina.net/u/3612247" target="_blank" title="青蓝pisces">
                                                            <div class="osc-avatar small-portrait _40x40" title="青蓝pisces" data-user-id="3612247">
                <img src="https://static.oschina.net/uploads/user/1806/3612247_50.jpg?t=1500006982000" alt="青蓝pisces" title="青蓝pisces"/>
            </div>
                                        </a>
                        </div>
                        <div class="user-item__body">
                            <div class="user-item__header">
                                <a href="https://my.oschina.net/u/3612247" target="_blank" title="青蓝pisces">青蓝pisces</a>
                            </div>
                            <div class="user-item__desc">
                                <div class="item-list">
                                                                            <div class="item">开源软件作者</div>
                                                                    </div>
                            </div>
                        </div>
                                                <div class="user-item__action">
                                                                                                                        <div class="follow-btn" data-user-id="3612247" data-follow-status="1" data-status-style="plus-text"><i class="oicon oicon-add"></i><span class="text">关注</span></div>
                                                    </div>
                                            </div>
                </div>
                                                <div class="user-item">
                    <div class="user-item__inner">
                        <div class="user-item__avatar">
                            <a href="https://my.oschina.net/u/4874419" target="_blank" title="战天龙霸天虎">
                                                            <div class="osc-avatar small-portrait _40x40" title="战天龙霸天虎" data-user-id="4874419">
                <img src="https://oscimg.oschina.net/oscnet/up-af3affd0669d6f5fa42e58e89a685401.jpg!/both/50x50" alt="战天龙霸天虎" title="战天龙霸天虎"/>
            </div>
                                        </a>
                        </div>
                        <div class="user-item__body">
                            <div class="user-item__header">
                                <a href="https://my.oschina.net/u/4874419" target="_blank" title="战天龙霸天虎">战天龙霸天虎</a>
                            </div>
                            <div class="user-item__desc">
                                <div class="item-list">
                                                                            <div class="item">开源软件作者</div>
                                                                    </div>
                            </div>
                        </div>
                                                <div class="user-item__action">
                                                                                                                        <div class="follow-btn" data-user-id="4874419" data-follow-status="1" data-status-style="plus-text"><i class="oicon oicon-add"></i><span class="text">关注</span></div>
                                                    </div>
                                            </div>
                </div>
                                                <div class="user-item">
                    <div class="user-item__inner">
                        <div class="user-item__avatar">
                            <a href="https://my.oschina.net/xiaour" target="_blank" title="xiaour">
                                                            <div class="osc-avatar small-portrait _40x40" title="xiaour" data-user-id="564178">
                <img src="https://oscimg.oschina.net/oscnet/up-3bee6c8abe89c9f69326950ffb36b154.jpg!/both/50x50?t=1547477384000" alt="xiaour" title="xiaour"/>
            </div>
                                        </a>
                        </div>
                        <div class="user-item__body">
                            <div class="user-item__header">
                                <a href="https://my.oschina.net/xiaour" target="_blank" title="xiaour">xiaour</a>
                            </div>
                            <div class="user-item__desc">
                                <div class="item-list">
                                                                            <div class="item">文章 7</div>
                                        <div class="item">访问 1.5W</div>
                                                                    </div>
                            </div>
                        </div>
                                                <div class="user-item__action">
                                                                                                                        <div class="follow-btn" data-user-id="564178" data-follow-status="1" data-status-style="plus-text"><i class="oicon oicon-add"></i><span class="text">关注</span></div>
                                                    </div>
                                            </div>
                </div>
                                                <div class="user-item">
                    <div class="user-item__inner">
                        <div class="user-item__avatar">
                            <a href="https://my.oschina.net/liurihui" target="_blank" title="刘日辉">
                                                            <div class="osc-avatar small-portrait _40x40" title="刘日辉" data-user-id="4082616">
                <img src="https://oscimg.oschina.net/oscnet/up-036429f668462132851af492a931ab7c.jpg!/both/50x50" alt="刘日辉" title="刘日辉"/>
            </div>
                                        </a>
                        </div>
                        <div class="user-item__body">
                            <div class="user-item__header">
                                <a href="https://my.oschina.net/liurihui" target="_blank" title="刘日辉">刘日辉</a>
                            </div>
                            <div class="user-item__desc">
                                <div class="item-list">
                                                                            <div class="item">文章 153</div>
                                        <div class="item">访问 28.7W</div>
                                                                    </div>
                            </div>
                        </div>
                                                <div class="user-item__action">
                                                                                                                        <div class="follow-btn" data-user-id="4082616" data-follow-status="1" data-status-style="plus-text"><i class="oicon oicon-add"></i><span class="text">关注</span></div>
                                                    </div>
                                            </div>
                </div>
                        </div>
                            </div>
                        </div>
                    </div>

                                                                                                            </div>
            </div>
        </div>
    </div>

        <div class="detail-toolbar-box">
        <div class="detail-toolbar-box__inner">
            <div class="action-box">
                <div class="action-item">
                                        <div class="action-item__button donate"
                         donate
                         data-id="3144212"                          data-obj-type="16344358"                          data-subject="IOS WEBCLIP 生成，使用，签名，发布总结"                          data-donater="4611741"                          data-author="3069003"                          data-return-url="https://my.oschina.net/wuweixiang/blog/3144212"                          data-notify-url="https://my.oschina.net/action/donate/paySuccess">                         <i class="oicon oicon-money-bold"></i>
                    </div>
                    <div class="action-item__text">打赏</div>
                </div>
                <div class="action-item">
                                        <a class="action-item__button" href="#comments"><i class="oicon oicon-comment"></i></a>
                    <div class="action-item__text"><span data-article-reply-count data-value="0" data-format="true">0</span> 评论</div>
                </div>
                <div class="action-item">
                                        <div class="action-item__button collect-btn "
                         data-id="3144212"
                         data-user-id="3069003"                          data-obj-type="3" data-max="99" data-tag-required
                         data-current-user-id="4611741"
                         data-recommend-tags="openssl,configurator,webclip,ios,sublime text"
                         data-uncollected-class="oicon oicon-star"
                         data-collected-class="oicon oicon-star">
                        <i class="oicon oicon-star"></i>
                    </div>
                    <div class="action-item__text"><span data-collect-count data-id="3144212" data-obj-type="3">0</span> 收藏</div>
                </div>
                <div class="action-item">
                                        <div class="action-item__button like-btn toggle-article-like " data-id="3144212">
                        <i class="oicon oicon-thumb-up"></i>
                    </div>
                    <div class="action-item__text"><span data-article-like-count>0</span> 赞</div>
                </div>
                <div class="action-item">
                                        <div class="osc-share ui floating dropdown" data-tag="share-blog">
                        <div class="action-item__button"><i class="oicon oicon-share"></i></div>
                        <div class="menu">
                            <a class="item" data-platform="wechat" data-value="wechat"><i class="weixin icon"></i>微信</a>
                            <a class="item" data-platform="qq" data-value="qq"><i class="qq icon"></i>QQ</a>
                            <a class="item" data-platform="weibo" data-value="weibo"><i class="weibo icon"></i>微博</a>
                        </div>
                    </div>
                    <div class="action-item__text">分享</div>
                </div>
            </div>
        </div>
    </div>

</div>

<div class="ui group-circle small modal" id="groupCircleForm">
    <i class="close icon"></i>
    <div class="header">
        选择专区和圈子：<span>{{title}}</span>
    </div>
    <div class="content">
        <div v-for="(o, i) in groupList" :key="i" class="group-item">
            <div class="group-item-title" :class="o.type?'group-item-title-select':'group-item-title-not-select'" :style="{backgroundColor: groupColor[i]}" @click="chengeGroup(i)">
                <div class="group-item-name">
                {{o.name}}
                </div>
            </div>
            <div v-if="o.type" class="group-circle">
                <div v-for="(m, j) in circleList" v-if="m.circle === o.id"  :key="j" class="circle-item" :class="[m.type?'name-select':'name-not-select']"
                      :style="{backgroundColor: circleColor[j]==='red'?'#fff':circleColor[j], color:circleColor[j]==='red'?'red':'black'}" @click="chengeCirle(j)">
                        {{m.name}}
                </div>
            </div>

        </div>
    </div>
    <div class="actions">
        <div class="ui deny button">
            取消
        </div>
        <div class="ui positive button"  @click="modelConfirm">
            确定
        </div>
    </div>
</div>
        <div class="ui mini delete-blog modal">
        <div class="header">删除文章</div>
        <div class="content">
            <p>文章删除后无法恢复，确定删除此文章吗？</p>
        </div>
        <div class="actions">
            <div class="ui cancel button">取消</div>
            <div class="ui red ok button">确定</div>
        </div>
    </div>
        <div class="ui mini recommend-self modal">
        <div class="header">自荐文章</div>
        <div class="content">
            <p>自荐优秀的文章将在审核通过后优先展示。</p>
        </div>
        <div class="actions">
            <div class="ui cancel button">取消</div>
            <div class="ui green ok button">确定</div>
        </div>
    </div>
        <div class="ui mini recommend-blog modal">
        <div class="header">推荐文章</div>
        <div class="content">
                            <p>确定推荐此文章吗？</p>
                    </div>
        <div class="actions">
            <div class="ui cancel button">取消</div>
            <div class="ui green ok button">确定</div>
        </div>
    </div>
        <div class="ui mini recommend-author modal">
        <div class="header">推荐博主</div>
        <div class="content">
            <p>确定推荐此博主吗？</p>
        </div>
        <div class="actions">
            <div class="ui cancel button">取消</div>
            <div class="ui green ok button">确定</div>
        </div>
    </div>

<div class="ui mini recommend-up modal">
    <div class="header">置顶</div>
    <div class="content">
        <p>确定置顶此文章吗？</p>
    </div>
    <div class="actions">
        <div class="ui cancel button">取消</div>
        <div class="ui green ok button">确定</div>
    </div>
</div>
<div class="ui mini hide modal">
    <div class="header">隐藏</div>
    <div class="content">
        <p>确定隐藏此文章吗？</p>
    </div>
    <div class="actions">
        <div class="ui cancel button">取消</div>
        <div class="ui green ok button">确定</div>
    </div>
</div>

    <script type="text/javascript" src="/action/view/blog?id=3144212" defer="defer"></script>
    <script type="text/javascript" src="/action/view/space?id=3069003"></script>

        
            </div>
        </div>

                            <div id="footer" class="ui vertical footer segment mb-hide">
    <div class="ui container">
        <div class="ui grid">
            <div class="eight wide mobile four wide tablet four wide computer column">
                <h4 class="ui header">OSCHINA 社区</h4>
                <div class="ui link list">
                    <a class="item" href="https://www.oschina.net/home/aboutosc" target="_blank">关于我们</a>
                    <a class="item" href="https://www.oschina.net/home/aboutosc" target="_blank">联系我们</a>
                    <a class="item" href="https://www.oschina.net/news/131099/oschina-hiring" target="_blank">加入我们</a>
                    <a class="item" href="https://www.oschina.net/home/aboutosc#partners" target="_blank">合作伙伴</a>
                    <a class="item" href="https://www.oschina.net/openapi" target="_blank">Open API</a>
                </div>
            </div>
            <div class="eight wide mobile three wide tablet three wide computer column">
                <h4 class="ui header">在线工具</h4>
                <div class="ui link list">
                    <a class="item" href="https://gitee.com/?utm_source=oschina&utm_medium=link-bottom&utm_campaign=home" target="_blank">Gitee.com</a>
                    <a class="item" href="https://gitee.com/enterprises?utm_source=oschina&utm_medium=link-bottom&utm_campaign=enterprises" target="_blank">企业研发管理</a>
                    <a class="item" href="https://copycat.gitee.com/?utm_source=oschina&utm_medium=link-bottom&utm_campaign=copycat" target="_blank">CopyCat-代码克隆检测</a>
                    <a class="item" href="https://tool.oschina.net" target="_blank">实用在线工具</a>
                    <a class="item" href="https://oscimg.oschina.net/oscnet/up-82a1d21cdcbd86bf819ffd854dc0f1c6d72.png" target="_blank" style="color: #cc0000">国家反诈中心APP下载</a>
                </div>
            </div>
            <div class="center aligned eight wide mobile two wide tablet two wide computer column">
                <h4 class="ui header">QQ交流群</h4>
                <a href="https://jq.qq.com/?_wv=1027&k=rfiPgVgE" target="_blank">
                    <img class="qrcode" src="https://static.oschina.net/new-osc/img/qq_qrcode_2_new.png" alt="QQ交流群"/>
                </a>
                <div class="ui link list">
                    <a class="item qrcode-des" href="https://jq.qq.com/?_wv=1027&k=rfiPgVgE" target="_blank">530688128</a>
                </div>
            </div>
            <div class="center aligned eight wide mobile two wide tablet two wide computer column">
                <h4 class="ui header">微信公众号</h4>
                <img src="https://static.oschina.net/new-osc/img/wechat_qrcode.jpg?t=1484694603000" alt="微信公众号"/>
            </div>
            <div class="center aligned eight wide mobile five wide tablet five wide computer column">
                <h3 class="ui header">OSCHINA APP</h3>
                <p>聚合全网技术文章，根据你的阅读喜好进行个性推荐</p>
                <a href="https://www.oschina.net/app" target="_blank" class="ui large primary button">下载 APP</a>
            </div>
        </div>
    </div>
</div>
<div id="copyright">
    <div class="ui container">
        <div class="ui clearing basic segment">
            <div class="ui left floated horizontal link list">
                <div class="item">©OSCHINA(OSChina.NET)</div>
                <div class="item mb-hide">工信部</div>
                <a class="item mb-hide" href="http://www.copu.org.cn/" target="_blank" title="开源软件推进联盟">开源软件推进联盟</a>
                <div class="item mb-hide">指定官方社区</div>
            </div>
            <div class="ui right floated horizontal link list">
                <div class="item mb-hide">深圳市奥思网络科技有限公司版权所有</div>
                <a href="http://beian.miit.gov.cn/" target="_blank" class="item">粤ICP备12009483号</a>
            </div>
        </div>
    </div>
</div>        
                
    </div>
                
                            <style>.codeBlock:hover .oscCode{display: block !important;} .codeBlock{z-index: 2;position: fixed;right: 20px;bottom: 57px; overflow: hidden; margin-bottom: 4px;padding: 8px 0 6px;width: 40px;height: auto;box-sizing: content-box;cursor: pointer;border: 1px solid #ddd;background: #f5f5f5;text-align: center;transition: background 0.4s ease;}
@media only screen and (max-width: 767px){ .codeBlock{display: none;}}
</style>
    <div class="codeBlock">
        <img class="codeIcon" src="https://oscimg.oschina.net/oscnet/up-02f2706a81344119fb5cdcdda304068f2e0.png" alt="">
        <img class="oscCode" style="display:none;position: fixed;bottom: 62px;right: 69px;width: 120px;"
             src="https://oscimg.oschina.net/oscnet/up-e77d060131d9b392981650ec7beb614554f.JPEG" alt="">
    </div>

                    <div class="back-to-top back-to-top-toggle">
        <div class="icon"><img src="https://static.oschina.net/new-osc/img/icon/back-to-top.svg" alt="返回顶部"></div>
        <div class="text">顶部</div>
    </div>
        <script src="https://static.oschina.net/new-osc/js/utils/semantic-ui/semantic.min.js?t=1585130052000"></script>
    <script src="https://static.oschina.net/new-osc/js/utils/vue.min.js?t=1585130052000"></script>
    <script src="https://static.oschina.net/new-osc/js/utils/jweixin-1.6.0.js"></script>
    <script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
                <script type="text/javascript" src="https://static.oschina.net/new-osc/dist/js/space.28c6ad9d.js"></script>                
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https'){
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else{
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    var _hmt = _hmt || [];
    _hmt.push(['_requirePlugin', 'UrlChangeTracker', {
        shouldTrackUrlChange: function (newPath, oldPath) {
            return newPath && oldPath;
        }}
    ]);
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?a411c4d1664dd70048ee98afe7b28f0b";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
                

    
                                <div name="global_footer"  data-traceid="global_footer" data-tracepid="global_footer" >
                <!-- global_footer -->

<script type="text/javascript">
// 动弹话题页面描述加链接
$(function () {
  const el = $('.www-tweet .tweet-form-header .topic-desc');
  if (el && el.length > 0) {
    const desc = el.html();
    el.html(desc.replace(/http(s?):\/\/[\w\d-.\/?=]+/, url => `<a href="${url}" target="_blank">${url}</a>`));
  }
});
</script>
            </div>
            </body>
</html>
<!-- Generated by oschina (init:1[ms],page:1069[ms],ip:58.220.32.95) //-->